@import "variables";
seed-haggle-item{
seed-img {
  width: 100%;
}
.haggle-item{
  padding:pxTorem(30px) pxTorem(20px);
  display: flex;
  background: color($h5,c10);
  .content-img{
    width:pxTorem(160px);
    height: pxTorem(160px);
    min-width: pxTorem(160px);
    background-size: cover !important;
    overflow: hidden;
    display: block;
    img{
      width: 100%;
      display: block;
    }
  }
  .content-price{
    margin-left: pxTorem(10);
    flex-shrink: 0;
    text-align: right;
    .num{
      span{
        width: pxTorem(20px);
        height: pxTorem(20px);
        display: inline-block;
        background: url(#{$icons-path}/cha.png) no-repeat;
        background-size:cover ;
      }
    }
    .price{
      height: pxTorem(80);
    }
  }
  .content-name{
    flex-grow: 1;
    @include font-dpr(28px);
    padding-left: pxTorem(20px);
    .top{
      display: flex;
      .info-detail {
        width: 70%;
        @include font-dpr(28px);
        line-height: pxTorem(34);
        margin-bottom : pxTorem(12);
        color:color($h5,c2);
      }
      .info-goods-name {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
      }
      .info-sku-name {
        display: block;
        margin-top: pxTorem(10);
        @include text-overflow-percent-ellipsis(100%);
        font-size: pxTorem(24);
        line-height: pxTorem(24);
        color: color($h5,c3);
      }
      .info-price{
        @include font-dpr(24px);
        color:color($h5,c2);
        width: 25%;
        margin-left: 5%;
      }
    }
.help-price{
  color:color($h5,c15);
}
  }
}
}
